<template>
	<view class="header">
		<uni-icons type="left" size="25"></uni-icons>
		<view class="title">修改宝宝昵称</view>
		<view class="save-btn">保存</view>
	</view>
	<view class="updatenickname-page">
		<view>
			<uni-easyinput :inputBorder="false"  type="text" placeholder="请输入昵称" clearable="true" primaryColor="#c0c4cc"></uni-easyinput>
		</view>
		<view class="remark">英文字母或汉字，限4-16个字符，一个汉字为2个字符</view>
	</view>
</template>

<script setup>
	
</script>

<style scoped>
.uni-nav-bar-right-text{
	font-size: 60rpx ;
}	
.updatenickname-page{
	padding: 0 45rpx;
}

.uni-easyinput{
	font-size: 28rpx;
	border-bottom: 1rpx solid #666ee8 ; 
}

.uni-input-placeholder{
	font-size: 30rpx !important;
}
.uni-easyinput__content-input{
	margin: 0rpx ;
	padding: 0rpx !important;
}
.remark{
	margin-top: 20rpx;
	font-size: 24rpx;
	color: #c0c4cc;
}

.header {
	background-color: #fff;
	display: flex;
	justify-content: space - between;
	align-items: center;
	padding: 20rpx 14rpx;
	position: relative;
	border-bottom: 2rpx solid #F5F5F5;
}
.title {
	font-size: 32rpx;
	font-weight: bold;
	position: absolute;
	left: 280rpx;
}
.save-btn {
	font-size: 30rpx;
	color: blue;
	position: absolute;
	right: 38rpx
}
</style>
